<template>
	<view :id="success ? 'appbw' : 'app'">
		<!-- 提现金额 -->
		<uni-transition :mode-class="['fade']" :show="!success">
			<view class="mt30 mlr30 ptb30 plr30 bw br10 f30">
				<view class="c333 f30">提现金额（元）</view>
				<view class="mt30 df aic f32">
					<text class="f54">￥</text>
					<input type="number" :placeholder="'可提现 '+ param.price +' 元'" placeholder-class="caaa"
						class="pt10" />
				</view>
			</view>

			<view class="w80p mauto c333 f28 lh100">提现手续费1%</view>

			<view class="mlr30 btn prmary f34 br10 fwb" @click="confirm">提现</view>
		</uni-transition>

		<uni-transition class="pf t0 w100p" :modeClass="['fade']" :show="success">
			<!-- 结果 -->
			<view class="result df dfc aic mt10p">
				<!-- 图 -->
				<view class="img wh160">
					<image src="/static/success.png" mode="aspectFit"></image>
				</view>

				<!-- 文字 -->
				<view class="txt mt60 c333 f34 tac fwb">
					<view>提现审核提交成功</view>
					<view class="mt30">请等待后台审核</view>
				</view>

				<!-- 操作框 -->
				<view class="fnArea df aic mt70">
					<navigator delta="1" open-type="navigateBack" class="btn prmary w250 ml30" hover-class="none">我知道了</navigator>
				</view>
			</view>
		</uni-transition>
	</view>
</template>
<script>
	// 定义全局变量
	var that;
	// 默认
	export default {
		// 定义页面变量
		data() {
			return {
				// 建立页面参数
				param: {
					price: '1100',
				},
				// 建立页面变量
				pages: {},
				// 建立页面数据
				info: {},
				// 提交
				success: false,
			}
		},

		// 获取后
		onLoad() {
			that = this;
		},

		// 显示后
		onShow() {},

		// 方法列表
		methods: {
			// 确认
			confirm() {
				// 赋值反选
				that.success = true;

				// 更改标题
				uni.setNavigationBarTitle({
					title: '提现审核',
				});
			},
		},
	}
</script>
<style>


</style>